<template>
  <el-menu
    default-active="1"
    class="el-menu-vertical-demo"
  >
    <router-link to="home">
      <el-menu-item index="1">
        <el-icon>
          <icon-menu/>
        </el-icon>
        <span>首页</span>
      </el-menu-item>
    </router-link>
    <router-link to="question">
      <el-menu-item index="2">
        <el-icon>
          <el-document/>
        </el-icon>
        <span>题库管理</span>
      </el-menu-item>
    </router-link>
    <router-link to="test">
      <el-menu-item index="3">
        <el-icon>
          <el-edit/>
        </el-icon>
        <span>试题记录</span>
      </el-menu-item>
    </router-link>
    <router-link to="code">
      <el-menu-item index="4">
        <el-icon>
          <el-setting/>
        </el-icon>
        <span>入群码管理</span>
      </el-menu-item>
    </router-link>
  </el-menu>
</template>

<script lang="ts" setup>
import {
  Document as ElDocument,
  Menu as IconMenu,
  Setting as ElSetting,
  Edit as ElEdit
} from '@element-plus/icons-vue'
</script>

<style scoped>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 600px;
}
</style>
